<template>
  <div>
    <div v-for="(item) in data" :key="item" class="OutstandOrderList">
      <div class="left">
        <div>
          <span class="lightColour">序号：</span>
          <span class="dark">0001</span>
        </div>
        <div class="lightColour line">车主姓名：</div>
        <div class="dark" style="font-size: 14px;">张三</div>
      </div>
      <div class="right">
        <div>
          <span class="lightColour">创建日期：</span>
          <span class="dark">2021-04-18</span>
        </div>
        <div class="lightColour line">车牌号/发动机号：</div>
        <div class="dark" style="font-size: 14px;">京NJ56A8/ECH006900</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'OutstandOrderList',
  data () {
    return {
      data: [1, 1]
    }
  }
}

</script>
<style lang="less" scoped>
.OutstandOrderList{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  .left{
    margin-right: 20px;
  }
  .line{
    margin: 10px 0 4px 0;
  }
}
.lightColour{
  font-family: "PingFangSC-Regular";
  font-size: 12px;
  color: #777777;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 400;
}
.dark{
  font-family: "PingFangSC-Regular";
  font-size: 12px;
  color: #000000;
  text-align: left;
  line-height: 14px;
  font-weight: 400;
}
</style>
